<template>
  <div>
      这是页面一
      <button @click="back">返回</button>
      <button @click="goPage2">进入页面2</button>
      <button @click="go">点击go向前走一步</button>
 </div>
</template>

<script>
export default {
  name: '',
  data() { 
    return {

    }
  },
  created() {

  },
  methods:{
    back() {
      // 路由跳转的go方法
      // this.$router.go(-3) 
      // 向后退一步 
      this.$router.back()
    },

    goPage2() {
      // this.$router.push({
      //   name: 'Page2'
      // })
      // replace替换当前路由进行页面跳转
      this.$router.replace({
        name: 'Page2'
      })
    },

    go() {
      // this.$router.go(1)  
      // 向前走一步
      this.$router.forward()
    }
  },
 }
</script>

<style scoped>
</style>